<!DOCTYPE html>
<html lang="">

<head>
    <!--    <meta charset="utf-8">-->
    <!--    <meta http-equiv="X-UA-Compatible" content="IE=edge">-->
    <!--    <meta name="viewport" content="width=device-width,initial-scale=1.0">-->
    <!--    <link rel="icon" href="<%= BASE_URL %>favicon.ico">-->
    <!--    <title><%= htmlWebpackPlugin.options.title %></title>-->
    <script src="js/jquery-2.1.4.js"></script>
    <script src="js/test.js"></script>
    <style>
        button:actiove {
            background-color: #294bff;
        }
    </style>
</head>

<body>


    <button id="btn1">js调用Kotlin方法</button>
    <button id="btn2">js调用Kotlin方法(callback)</button>
    <script>
        $("#btn1").on("click", function () {
            console.log("点击了btn1")
            // 调用Kotlin方法
            //对象，方法名（参数）
            var json = { "name": "html5" }
            window.jsInterface.showToast(JSON.stringify(json));
        });

        var showMessage = function (json) {
            alert(JSON.stringify(json));
        }

        //H5 callback调用Kotlin方法
        $("#btn2").on("click", function () {
            // callback:1.调用Kotlin方法
            var json = { "callback": "receiveHotlData" }
            window.jsInterface.getHotelData(JSON.stringify(json));
        });

        var receiveHotlData=function(json){
            alert(JSON.stringify(json));
        }
    </script>

</body>

</html>